<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../libs/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../libs/app.css"/>
    <link href="../../css/main.css" rel="stylesheet" />
    <link href="../../css/select-work.css" rel="stylesheet" />
</head>

<body>
    <div class="head">
        <img src="../../images/all-left.png" alt="" class="mui-action-back">
        <p>选择业务</p>
    </div>
    <div class="context">
        <p>可多选</p>
        <div class="bank" id="bank">
            <div>
                <div>
                    <span poin="card-native"></span>
                </div>
                <p>信用卡</p>
            </div>
            <div>
                <div>
                    <span poin="xyd"></span>
                </div>
                <p>信用贷</p>
            </div>
            <div>
                <div>
                    <span poin="aj"></span>
                </div>
                <p>抵押贷</p>
            </div>
            <div>
                <div>
                    <span poin="2y"></span>
                </div>
                <p>二押</p>
            </div>
            <div>
                <div>
                    <span poin="qcdy"></span>
                </div>
                <p>汽车贷</p>
            </div>
        </div>
        <div class="button">
            <button id="fill">下一步</button>
        </div>
    </div>
<script src="../../libs/mui.min.js"></script>
<script src="../../js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="../../js/url.js" ></script>
<script type="text/javascript">
	if(localStorage.fillin_type=='贷款中介'){
		localStorage.bank='';
	}
    //选择样式
    $('#bank>div').on('tap',function(){
    	if($(this).find('span').attr('class')=='active'){
    		$(this).find('span').removeClass('active');
    	}else{
    		$(this).find('span').attr('class','active');
    	}
    })
    
    
    $('#fill').on('tap',function(){
    	var arr=[];
    	$('#bank span').each(function(){
    		if($(this).attr('class')=='active'){
    			arr.push($(this).attr('poin'));
    		}
    	})
    	localStorage.loans=arr.join();
    	if(localStorage.loans==''){
    		mui.toast('请选择类型');
    	}else{
    		href('fill-in.html','fill-in');
    	}
    })
</script>
</body>
</html>